<html>
    <head>
        <title>JSsearch-Demo</title>
        <meta charset="UTF-8">
        <!--引入js文件-->
        <script type="text/javascript" src="js/JSsearch.js"></script>
        <script>
            window.onload = function(){
                //声明查询的数据的数组
                //var contentArr = new Array();
                //for(var i = 0;i<=100;i++){
                    //contentArr[contentArr.length] = i;
                //}
                //调用修改查询设置的方法
                //JSsearchSetSetting("autoRemove",true);
                //调用查询方法            数组名称    关键字
                //var t = JSsearchByKeyWord(contentArr,"1");
                //alert(t);
                //alert(JSsearchByLength(contentArr,1,1));
                //alert(JSsearchBySubscript(contentArr,"0","2"));
                
                
                /*Demo的点击方法*/
                var ok = document.getElementById("ok");
                ok.onclick = function(){
                    var arr = document.getElementById("arrText").value;
                    var key = document.getElementById("keyWordText").value;
                    var trueArr = arr.split(",");
                    var result = JSsearchByKeyWord(trueArr,key);//查询
                    alert(result);
                }
                var ok2 = document.getElementById("ok2");
                ok2.onclick = function(){
                    var arr = document.getElementById("text2").value;
                    var trueArr = arr.split(",");
                    var min = document.getElementById("num2").value;
                    var max = document.getElementById("num3").value;
                    var result = JSsearchByLength(trueArr,min,max);
                    alert(result);
                }
                var ok3 = document.getElementById("ok3");
                ok3.onclick = function(){
                    var arr = document.getElementById("text3").value;
                    var trueArr = arr.split(",");
                    var from = document.getElementById("num4").value;
                    var to = document.getElementById("num5").value;
                    var result = JSsearchBySubscript(trueArr,from,to);
                    alert(result);
                }
            }
        </script>
        <style>
            body{
                background: black;
                color: white;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <h1>欢迎使用JSsearch!</h1>
        <h3>JSsearch可以帮助你解决有关查询的问题&nbsp; (他可以帮你从海量数据中提取出你中意的那个！)</h3>
        <h3>它不只是单纯的查询，它可以帮助你使用你指定的关键字或者其它内容来根据内容匹配度排名！</h3>
        <h1>现在，就让我们一起来学习JSsearch吧！</h1>
        <hr>
        <h3>首先，再开始使用前，我们要先了解为什么要使用JSsearch！</h3>
        <h2>为什么要使用JSsearch？</h2>
        <h3><u><i>第1点：快速</i></u></h3>
        <h3>JSsearch非常的快速，在100个以内的查询只需要0.1<u style="color:red;"><i>毫</i></u>秒！这个速度无疑是非常快！【在1000000（一百万）个内容中查询只需要1秒多！】</h3>
        <h3><u><i>第2点：方便</i></u></h3>
        <h3>JSsearch（js文件）只有不到2kb的内容，打开速度非常之快！而且加载也很快！</h3>
        <h3><u><i>第3点：实用</i></u></h3>
        <h3>JSsearch内置许多设置，可以帮助你完成许多不需要更改源代码即可完成的设置！</h3>
        <h3 style="color: red;">说了这么多，心动不如行动，赶快来学习如何使用吧！</h3>
        <hr>
        <h2>JSsearch方法</h2>
        <h3>JSsearch方法没有任何参数，使用它即可获取JSsearch的版本等详细信息</h3>
        <input type="button" value="点我查看该方法效果" onclick="alert(JSsearch());">
        <h3>注意：JSsearch方法会使用return返回信息，请使用alert输出或者使用其他代码！</h3>
        <hr>
        <h2>JSsearchSetSetting方法</h2>
        <h3>JSsearchSetSetting方法可以设置你的查询设置</h3>
        <h3>这个方法有2个参数，分别是<u><i>settingName</i></u>和<i><u>value</u></i>，他们分别负责设置的名称和值（值只能设置为true或者false）</h3>
        <h3 style="color: red;">补充：在1.0.0版本里，settingName总共有3个，分别是searchTimer、autoRemove和autoCheck，searchTimer可以帮助你记录查询的时间（默认关闭）【以毫秒返回】，autoRemove可以帮助你自动删除没有任何匹配度的字符（默认开启），autoCheck可以很好的帮你检查错误（默认开启）【合理使用他们会有效的提升效率】</h3>
        <input type="button" value="点我开启searchTimer" onclick="JSsearchSetSetting('searchTimer',true);">&nbsp;&nbsp;&nbsp;
        <input type="button" value="点我关闭searchTimer" onclick="JSsearchSetSetting('searchTimer',false);">&nbsp;&nbsp;&nbsp;
        <input type="button" value="点我开启autoRemove" onclick="JSsearchSetSetting('autoRemove',true);">&nbsp;&nbsp;&nbsp;
        <input type="button" value="点我关闭autoRemove" onclick="JSsearchSetSetting('autoRemove',false);">&nbsp;&nbsp;&nbsp;
        <input type="button" value="点我开启autoCheck" onclick="JSsearchSetSetting('autoCheck',true);">&nbsp;&nbsp;&nbsp;
        <input type="button" value="点我关闭autoCheck" onclick="JSsearchSetSetting('autoCheck',false);">
        <hr>
        <h2>JSsearchByKeyWord方法</h2>
        <h3>这是一个查询方法，从他的方法名称就可以看出使用关键词查询</h3>
        <h3>使用这个方法需要传递2个参数，分别是<i><u>content</u></i>和<i><u>keyWord</u></i></h3>
        <h3 style="color: red;">content参数需要传递为数组形式，推荐先声明数组，然后再传参</h3>
        <input typt="text" id="arrText" placeholder="请输入数组，用“,”分隔">&nbsp;&nbsp;&nbsp;<input typt="text" id="keyWordText" placeholder="请输入关键字">&nbsp;&nbsp;&nbsp;
        <input type="button" id="ok" value="确定">
        <hr>
        <h2>如何看JSsearchByKeyWord方法的返回结果？</h2>
        <h3>默认不调整设置的返回结果应该是这个：1,100（假设arr（content）设置为1,2、keyWord设置为1）</h3>
        <h3><u><i>1(也就是奇数)为后面（偶数）这个值对应的名称，后面的100是前面值和关键词的匹配度（最高100）</i></u></h3>
        <h2>如何看JSsearchByKeyWord方法的返回结果？(开启searchTimer)</h2>
        <h3>开启searchTimer后返回的数组的最后一个下标里面的值是查询用的时间，假设arr设置为1,2、keyWord设置为1，那么最后一位应该是0（在小于100个查询单位都基本是0）</h3>
        <h3 style="color: red;">注意：返回类型是数组</h3>
        <hr>
        <h2>JSsearchByLength方法</h2>
        <h3>这个方法使用长度来进行查询</h3>
        <h3>使用这个方法需要传递3个参数，分别是<i><u>content</u></i>、<i><u>minLength</u></i>和<i><u>maxLength</u></i></h3>
        <h3 style="color: red;">content参数需要传递为数组形式，推荐先声明数组，然后再传参</h3>
        <input type="text" style="display: inline-block;width: 200px;" placeholder="请输入content，用“,”分隔" id="text2">&nbsp;&nbsp;&nbsp;<input type="number" id="num2" placeholder="最小长度">&nbsp;&nbsp;&nbsp;<input placeholder="最大长度" type="number" id="num3">&nbsp;&nbsp;&nbsp;<input type="button" value="确定" id="ok2">
        <hr>
        <h2>如何看JSsearchByLength方法的返回结果？</h2>
        <h3>默认不调整设置的返回结果应该是这个：1,true,20,true（假设content设置为1,20,300、minLength设置为1、maxLength设置为2）</h3>
        <h3><u><i>1(也就是奇数)为后面（偶数）这个值对应的名称，后面的true是前面值经过查询后的状态</i></u></h3>
        <h2>如何看JSsearchByLength方法的返回结果？(开启searchTimer)</h2>
        <h3>和之前的介绍方法差不多一样</h3>
        <hr>
        <h2>JSsearchBySubscript方法</h2>
        <h3>这个方法使用数组的下标来进行查询</h3>
        <h3>使用这个方法需要传递3个参数，分别是<i><u>content</u></i>、<i><u>from(从哪里开始)</u></i>和<i><u>to(到哪里结束)</u></i></h3>
        <h3 style="color: red;">content参数需要传递为数组形式，推荐先声明数组，然后再传参</h3>
        <h3 style="color: red;"><u>重要提示，如果参数含有0，需要加"",否则会报错</u></h3>
        <input type="text" style="display: inline-block;width: 200px;" placeholder="请输入content，用“,”分隔" id="text3">&nbsp;&nbsp;&nbsp;<input type="number" id="num4" placeholder="开始坐标位置">&nbsp;&nbsp;&nbsp;<input placeholder="结束坐标位置" type="number" id="num5">&nbsp;&nbsp;&nbsp;<input type="button" value="确定" id="ok3">
        <hr>
        <h2>JSsearchBySubscript方法的返回结果？</h2>
        <h3>【和JSsearchByLength方法的返回结果的查看方式是一样的】</h3>
        <hr>
        <h3 style="color: aquamarine;">广告：Skyogo工作室官网将于2018年2月份多推出，网址：www.skyogo.com欢迎访问！</h3>
    </body>
</html>